<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			<meta http-equiv="Content-Language" content="zh-CN" />
			<meta content="all" name="robots" />
			<title>24款纯css翻页代码</title>
			<link rel="stylesheet" type="text/css" href="css.css" media="all" />
	</head>

	<body>

		<p>
			1、Digg Style
			<div class="digg">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			2、Yahoo Style
			<div class="yahoo">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			3、New Yahoo! Style
			<div class="yahoo2">
				<span class="disabled">&lt; Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next &gt;</a>
			</div>
		</p>

		<p>
			4、Meneame Style
			<div class="meneame">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			5、Flickr Style
			<div class="flickr">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			6、Sabros.us Style
			<div class="sabrosus">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			7、Green Style
			<div class="scott">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			8、Gray Style
			<div class="quotes">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			9、Black Style
			<div class="black">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			10、Mis Algoritmos Style
			<div class="black2">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			11、Black-Red Style
			<div
				style="padding-top: 10px; padding-bottom: 10px; background-color: #313131;">
				<div class="black-red">
					<span class="disabled"> < </span><span class="current">1</span><a
						href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
						href="#">6</a><a href="#">7</a>...
					<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</div>
		</p>

		<p>
			12、Gray Style 2
			<div class="grayr">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			13、Yellow Style
			<div class="yellow">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			14、jogger Style
			<div class="jogger">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			15、starcraft 2 Style
			<div class="starcraft2">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			16、Tres Style
			<div class="tres">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			17、512megas Style
			<div class="megas512">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			18、Technorati Style
			<div class="technorati">
				<span class="disabled"> < </span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
			</div>
		</p>

		<p>
			19、YouTube Style
			<div class="youtube">
				<span class="disabled">Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next</a>
			</div>
		</p>

		<p>
			20、MSDN Search Style
			<div class="msdn">
				<span class="disabled"> < Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next > </a>
			</div>
		</p>

		<p>
			21、Badoo
			<div class="badoo">
				<span class="disabled"> < Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next > </a>
			</div>
		</p>

		<p>
			22、Blue Style
			<div class="manu">
				<span class="disabled"> < Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next > </a>
			</div>
		</p>

		<p>
			23、Green-Black Style
			<div class="green-black">
				<span class="disabled"> < Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next > </a>
			</div>
		</p>

		<p>
			24、viciao Style
			<div class="viciao">
				<span class="disabled"> < Prev</span><span class="current">1</span><a
					href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a
					href="#">6</a><a href="#">7</a>...
				<a href="#">199</a><a href="#">200</a><a href="#">Next > </a>
			</div>
		</p>

	</body>
</html>
